<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<!--[if IE 7]>
<link href="<?php echo base_url();?>data/css/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 8]>
<link href="<?php echo base_url();?>data/css/ie.css" rel="stylesheet" type="text/css" /> 
<![endif]-->

	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<meta name="author" content="Omar Maulana B" />
    
    <link href="<?php echo base_url();?>data/css/style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="<?php echo base_url();?>data/js/jquery.tools.min.js"></script>
    
    <script type="text/javascript">
     
    $(document).ready(function(){
        
        $('.closeDiv').click(function(){
            $(".message").hide();
            $(".warning").hide();
            $(".success").hide();
            $(".error").hide();
        });
     
    });
     
    </script>
    
<style type="text/css">

body {
    background: white;
    padding: 0;
    margin: 0;
}

.clearfloat {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#LoginForm {
    height: auto;
    width: 300px;
    margin: 17em auto;
    padding: 1em 1em 0.5em;
    background: #E8E8E8;
    text-align: left;
    
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -moz-box-shadow:0 0 25px #999;
    -webkit-box-shadow:0 0 25px #999;
}

#LoginForm form {
    height: auto;
    width: 95%;
    margin: 0 auto;
}

#LoginTitle {
    height: auto;
    width: auto;
    margin: 0 auto 10px;
}

#LoginTitle p {
    margin: 0;
    padding: 0;
    font-weight: bold;
}

#LoginFormLabel {
    height: auto;
    width: 100px;
    float: left;
    padding: 5px;
}

#LoginFormInput {
    height: auto;
    width: 161px;
    float: left;
    padding: 5px;
}

#LoginFormSubmit {
    height: auto;
    width: auto;
    float: right;
    margin-right: 10px;
}

</style>

	<title>Restaurant Management System</title>
    
</head>

<body>
        
    <?php
    	// show user messages sent by controller
    	echo output_msg($type = null);
    ?>

    <div id="LoginForm">
        
        <div id="LoginTitle"><p>Restaurant Management System</p></div>
    
        <form method="POST" action="<?php echo site_url('main/verify');?>">
        
            <div id="LoginFormLabel">
                <p style="margin-bottom: 12px;">Username:</p>
                <p>Password:</p>
            </div>
            
            <div id="LoginFormInput">
                
                <input type="text" name="username"/>
                <input type="password" name="password" />
            
            </div>
            
            <br class="clearfloat" />
            
            <div id="LoginFormSubmit">
                <input type="submit" name="submit" value="Login" />
            </div>
        
        </form>
        
        <br class="clearfloat" />
    </div>



</body>
</html>